<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://www.springframework.org/security/tags" prefix="sec"%>
<spring:url value="/js/candidato/datigenerali.js" var="jsUrl"></spring:url>
<script src="${jsUrl}" type="text/javascript"></script>
<style>
	.ui-datepicker-trigger { 
		vertical-align:top;
		height:16px;
		width:16px;	
	}
	th,td{
		border:0;
	}
</style>
<div class="unit-row">
	<div class="unit-70" style="width:100%;opacity:0.7;background-color:#FFFFFF;font-weight:bold;">
		<nav class="nav-tabs unit-centered" style="width:1000px">
			<ul>
				<li><span>Dati anagrafici</span></li>
				<c:if test = "${not empty schedaCandidato.idSchedaCandidato }">
					<li><a href="${flowExecutionUrl}&_eventId=studi-compiuti">Studi compiuti</a></li>
					<li><a href="${flowExecutionUrl}&_eventId=lingue-conosciute">Lingue conosciute</a></li>
					<li><a href="${flowExecutionUrl}&_eventId=conoscenze-informatiche">Conoscenze informatiche</a></li>
					<li><a href="${flowExecutionUrl}&_eventId=esperienze-lavorative">Esperienze Lavorative</a></li>
					<li><a href="${flowExecutionUrl}&_eventId=domande-attitudinali">Analisi</a></li>
					<li><a href="${flowExecutionUrl}&_eventId=altre-informazioni">Altre Informazioni</a></li>
					<li><a href="${flowExecutionUrl}&_eventId=documenti">Documenti</a></li>
					<sec:authorize ifAllGranted="ROLE_ADMIN">
						<li><a href="${flowExecutionUrl}&_eventId=note-selezionatore">Note</a></li>
					</sec:authorize>
				</c:if>
				<li><a href="<c:url value="j_spring_security_logout" />">Logout</a></li>
			</ul>
		</nav>
		<br/>
		<c:if test="${not empty datiGeneraliSalvati}">
			<div class="message message-success">
	    		<span class="close"></span>
	    		Dati salvati con successo
			</div>
		</c:if>
		<c:if test="${not empty requestScope['MaxUploadSizeExceededException']}">
			<div class="message message-error">
			    <span class="close"></span>
			    Sono presenti degli errori!Grandezza Eccessiva della foto
			</div>
		</c:if>
		<c:if test="${not empty requestScope['org.springframework.validation.BindingResult.datiGenerali'].allErrors}">
		<div class="message message-error">
		    <span class="close"></span>
		    Sono presenti degli errori!
		    <c:forEach items="${flowRequestContext.messageContext.allMessages}" var="message">
				<c:if test="${message.source eq 'uploadFoto'}">
				      Immagine non valida!Controllare dimensioni e tipologia del file!
				</c:if>
			</c:forEach>
		</div>
		</c:if>
		<table cellPadding="0" cellSpacing="0" border="0" style="width:100%">
			<tr>
				<td colSpan="2">
					<p>
						<em>ATTENZIONE: se ad alcune domande ritiene di non rispondere,
							non lo faccia, &egrave; nel Suo diritto!!</em>
					</p>
				</td>
			</tr>
			<tr>
				<td width="70%" vAlign="top">
					<form:form id="datiGenerali" method="post" action="${flowExecutionUrl}"
						commandName="datiGenerali" cssClass="forms">
						<form:hidden path="idDatiGenerali"/>
						<form:hidden path="fotoUpload" value="false"/>
							<table cellPadding="0" cellSpacing="0" border="0" style="width:100%">
								<tr>
									<td style="width:250px;">
											<form:label path="cognome" cssErrorClass="error">Cognome <em class="req">*</em></form:label>
									</td>
									<td>
											<form:input path="cognome" cssClass="width-60" maxlength="50"
												cssErrorClass="input-error width-60" />
											<form:errors path="cognome" cssClass="error"></form:errors>
									</td>
								</tr>
								<tr>
									<td>
											<form:label path="nome" cssErrorClass="error">Nome <em class="req">*</em></form:label>
									</td>
									<td>
											<form:input path="nome" cssClass="width-60" maxlength="50"
												cssErrorClass="input-error width-60" />
											<form:errors path="nome" cssClass="error"></form:errors>
										
									</td>
								</tr>
								<tr>
									<td>
											<form:label path="comuneDiNascita" cssErrorClass="error">Possiamo sapere dove nasce? <em class="req">*</em></form:label>
									</td>
									<td>
											<form:input path="comuneDiNascita" cssClass="width-60"
												cssErrorClass="input-error width-60" />
											<form:errors path="comuneDiNascita" cssClass="error"></form:errors>
									</td>
								</tr>
								<tr>
									<td>
											<form:label path="provinciaDiNascita" cssErrorClass="error">In provincia di <em class="req">*</em></form:label>
									</td>
									<td>
											<form:select path="provinciaDiNascita" cssClass="width-60" cssErrorClass="input-error width-60">
												<form:option value="">Seleziona una provincia</form:option>
												<form:options items="${province}" itemValue="descrizione"
													itemLabel="descrizione" />
											</form:select>
											<form:errors path="provinciaDiNascita" cssClass="error"></form:errors>
									</td>
								</tr>
								<tr>
									<td>
											<fmt:formatDate value="${datiCandidato.dataDiNascita}" pattern="dd/MM/yyyy" var="dtNascita"/>
											<form:label path="dataDiNascita" cssErrorClass="error">Quando? (GG/MM/AAAA) <em class="req">*</em></form:label>
									</td>
									<td style="text-align: left;">		
											<form:input path="dataDiNascita" value="${dtNascita}" cssClass="date" style="display:inline;" cssErrorClass="input-error date"/>
											<form:errors path="dataDiNascita" cssClass="error" style="margin-left:40px"></form:errors>
										
									</td>
								</tr>
								<tr>
									<td>
												<form:label path="mail1" cssErrorClass="error">Qual &egrave; il Suo indirizzo mail principale? <em class="req">*</em></form:label>
									</td>
									<td>
												<c:if test="${empty datiGenerali.mail1}">
													<form:input path="mail1" cssClass="width-70"
														cssErrorClass="width-40 input-error" maxlength="50"/>
												</c:if>
												<c:if test="${not empty datiGenerali.mail1}">
													<form:input path="mail1" cssClass="width-70" readonly="true"
														cssErrorClass="width-40 input-error" maxlength="50" />
												</c:if>
												<form:errors path="mail1" cssClass="error"/>
										</td>
									</tr>
									<c:if test = "${not empty schedaCandidato.idSchedaCandidato }">
										<tr>
											<td>
													<form:label path="nazionalita" cssErrorClass="error">Nazionalit&agrave; (1)</form:label>
											</td>
											<td>
													<form:select path="nazionalita" cssErrorClass="input-error" cssClass="width-40">
														<form:option value="">Seleziona una nazionalit&agrave;</form:option>
														<form:options items="${nazionalita}"/>
													</form:select>
										
											</td>
										</tr>
										<tr>
											<td>
													<form:label path="nazionalita2" cssErrorClass="error">Nazionalit&agrave; (2)</form:label>
											</td>
											<td>
													<form:input path="nazionalita2" cssClass="width-70"
														cssErrorClass="input-error" />
												
											</td>
										</tr>
										<tr>
											<td>		
													<form:label path="sesso" cssErrorClass="error">Sesso <em class="req">*</em></form:label>
											</td>
											<td>												
													<ul class="forms-inline-list">
													<li><form:radiobutton path="sesso" label="Maschio" value="M" cssErrorClass="input-error"/></li>
													<li><form:radiobutton path="sesso" label="Femmina" value="F" cssErrorClass="input-error"/></li>
													<li><form:errors path="sesso" cssClass="error"></form:errors>
												</ul>
											</td>
										</tr>
										<tr>
											<td>
												
													<form:label path="statoCivile" cssErrorClass="error">Qual &egrave; il Suo stato civile?</form:label>
											</td>
											<td>
													<form:select path="statoCivile" cssErrorClass="input-error" cssClass="width-40">
														<form:option value="">Seleziona uno stato civile</form:option>
														<form:option value="Celibe">Celibe</form:option>
														<form:option value="Nubile">Nubile</form:option>
														<form:option value="Convivente">Convivente</form:option>
														<form:option value="Coniugato/a">Coniugato/a</form:option>
														<form:option value="Separato/a">Separato/a</form:option>
														<form:option value="Divorziato/a">Divorziato/a</form:option>
														<form:option value="Vedovo/a">Vedovo/a</form:option>
													</form:select>
												
											</td>
										</tr>
										<tr>
											<td>
												
													<form:label path="haFigli" cssErrorClass="error">Ha figli?</form:label>
											</td>
											<td>
												<ul class="forms-inline-list">
													<li><form:radiobutton path="haFigli" label="Si'" value="true" cssErrorClass="input-error"/></li>
													<li><form:radiobutton id="nonHaFigli" path="haFigli" label="No" value="false" cssErrorClass="input-error"/></li>
												</ul>
											</td>
										</tr>
										<tr>
											<td>
													<form:label path="numeroFigli" cssErrorClass="error">Quanti?</form:label>
											</td>
											<td>
													<span id="nmFigli" class="width-40"><c:out value="${datiCandidato.numeroFigli}"></c:out></span>
													<form:hidden path="numeroFigli"/>
													<form:errors path="numeroFigli" cssClass="error"/>
												
											</td>
										</tr>
										<tr>
											<td>
													<form:label path="attivitaConiuge" cssErrorClass="error">Quale attivit&agrave; svolge il coniuge?</form:label>
											</td>
											<td>		
													<form:textarea path="attivitaConiuge" cssClass="width-70"
														cssErrorClass="input-error" maxlength="250" />
												
											</td>
										</tr>
										<tr>
											<td colSpan="2">
												
													<em>Ora diamo un po&rsquo; di numeri, di telefono naturalmente</em>
											
											</td>
										</tr>
										<tr>
											<td>
												
													<form:label path="telefonoCasa" cssErrorClass="error">Quello di casa &egrave;</form:label>
											</td>
											<td>	
												<form:input path="telefonoCasa" cssClass="width-70"
														cssErrorClass="input-error" maxlength="50"/>
												
											</td>
										</tr>
										<tr>
											<td>
													<form:label path="telefonoCell1" cssErrorClass="error">e del cellulare (1)</form:label>
											</td>
											<td>
													<form:input path="telefonoCell1" cssClass="width-70"
														cssErrorClass="input-error" maxlength="50"/>
											</td>
										</tr>
										<tr>
											<td>
													<form:label path="telefonoCell2" cssErrorClass="error">e del cellulare (2)</form:label>
											</td>
											<td>
													<form:input path="telefonoCell2" cssClass="width-70"
														cssErrorClass="input-error" maxlength="50"/>
												</p>
											</td>
										</tr>
										<tr>
											<td>
													<form:label path="mail2" cssErrorClass="error">Qual &egrave; il Suo indirizzo mail alternativo?</form:label>
											</td>
											<td>		
												<form:input path="mail2" cssClass="width-70"
														cssErrorClass="width-40 input-error" maxlength="50"/>
														<form:errors path="mail2" cssClass="error"/>
											</td>
										</tr>
										<tr>
											<td colSpan="2">
													<em>Molto bene, sin qui tutto OK, ora possiamo chiederLe dove abita?</em>
											</td>
										</tr>
										<tr>
											<td colSpan="2">
													<b>RESIDENZA</b>
											</td>
										</tr>
										<tr>
											<td>
													<form:label path="indirizzoResidenza" cssErrorClass="error">Via</form:label>
											</td>
											<td>		
												<form:input path="indirizzoResidenza" cssClass="width-70"
														cssErrorClass="input-error" maxlength="70"/>
											</td>
										</tr>
										<tr>
											<td>
												
													<form:label path="capResidenza" cssErrorClass="error">Cap</form:label>
												</td>
												<td>
													<form:input path="capResidenza" cssStyle="width: 50px;"
														cssErrorClass="input-error" maxlength="5"/>
											</td>
										</tr>
										<tr>
											<td>
													<form:label path="comuneResidenza" cssErrorClass="error">Comune</form:label>
											</td>
											<td>
													<form:input path="comuneResidenza" cssClass="width-40"
														cssErrorClass="input-error" maxlength="70"/>
												
											</td>
										</tr>
										<tr>
											<td>
													<form:label path="provinciaResidenza" cssErrorClass="error">Provincia</form:label>
											</td>
											<td>
													<form:select path="provinciaResidenza" cssClass="width-40"
														cssErrorClass="input-error">
														<form:option value="">Seleziona una provincia</form:option>
														<form:options items="${province}" itemValue="descrizione"
															itemLabel="descrizione" />
													</form:select>
												
											</td>
										</tr>
										<tr>
											<td colSpan="2">
												<b>DOMICILIO</b>
											</td>
										</tr>
										<tr>
											<td>
												
													<form:label path="indirizzoDomicilio" cssErrorClass="error">Via</form:label>
											</td>
											<td>		
													<form:input path="indirizzoDomicilio" cssClass="width-70"
														cssErrorClass="input-error" maxlength="70"/>
											</td>
										</tr>
										<tr>
											<td>
													<form:label path="capDomicilio" cssErrorClass="error">Cap</form:label>
											</td>
											<td>
													<form:input path="capDomicilio" cssStyle="width: 50px;"
														cssErrorClass="input-error" maxlength="5"/>
											</td>
										</tr>
										<tr>
											<td>
													<form:label path="comumeDomicilio" cssErrorClass="error">Comune</form:label>
											</td>
											<td>	
													<form:input path="comumeDomicilio" cssClass="width-40"
														cssErrorClass="input-error" maxlength="70"/>
											</td>
										</tr>
										<tr>
											<td>
													<form:label path="provinciaDomicilio" cssErrorClass="error">Provincia</form:label>
										    </td>
											<td>
													<form:select path="provinciaDomicilio" cssClass="width-40"
														cssErrorClass="input-error">
														<form:option value="">Seleziona una provincia</form:option>
														<form:options items="${province}" itemValue="descrizione"
															itemLabel="descrizione" />
													</form:select>
											</td>
										</tr>
									</c:if>
									<tr>
										<td colSpan="2">
											<p align="right">
												<form:hidden path="schedaCandidato.idSchedaCandidato"/>
												<c:if test="${not empty datiGenerali.idNews}">
													<form:hidden path="idNews" />
												</c:if>
								     			<input type="hidden" name="_eventId" value="saveDatiGenerali" > 
												<input type="reset" class="btn" value="Annulla">
												<input type="submit" class="btn" value="Salva">
											</p>
										</td>
									</tr>	
								</table>
							</form:form>	
							</td>
							<td width="30%" vAlign="top">
								<c:if test = "${not empty schedaCandidato.idSchedaCandidato }">
									<form:form id="datiGenerali" method="post" action="${flowExecutionUrl}&tipoUpload=foto"
										commandName="datiGenerali" cssClass="forms forms-columnar" enctype="multipart/form-data">
										<input type="hidden" name="_eventId" value="caricaFoto" >
										<form:hidden path="fotoUpload" value="true"/>
										<table cellPadding="0" cellSpacing="0" style="width:100%;height:300px;">
											<tr style="height:250px;">
												<td style="text-align:center">
												 	<c:if test="${not empty datiGenerali.fotoBase64}">
													 	<img src="data:${datiGenerali.tipoFoto};base64,${datiGenerali.fotoBase64}"/>
													</c:if>		 
												</td>
											</tr>
											<tr>
												<td style="text-align:left">											
													Carica una foto : <input type="file" name="multipartFileUpload" id="multipartFileUpload" />													
												</td>
											</tr>
											<tr>
												<td style="text-align:left">																							
												 	<em>Le foto devono essere di altezza e larghezza comprese<BR> 
												 		tra 10 e 200 px e non devono superare 1 MB di dimensione
												 	</em>
												</td>
											</tr>
											<tr>
												<td style="text-align:center">	
													 <input type="submit" class="btn" value="Salva Foto"> 
												</td>
											</tr>
										</table>
									</form:form>										
								</c:if>
							</td>
						</tr>
				</table>
	</div>
</div>

